<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {$LOAD_STYLE.top|raw}
</head>
<style>
.your{
  color: #CC0000;
}
.layui-table th{
	text-align: center;
}
.layui-table td{
	padding: 0px 10px;
	text-align: center;
}
.sub-title{
	text-align: center;
	height: 40px;
	background-color: #F9F9F9;
}

</style>
	<body class="pear-container">
		<div class="layui-card">
			<div class="layui-card-body">
				<table class="layui-table">
				  <thead>
					<tr>
					  <th width="5%">编号</th>
					  <th width="12%">品名</th>
					  <th width="4%">KG/Y</th>
					  <th width="4%">KG/M</th>
					  <th width="5%">幅宽</th>
					  <th width="6%">平方克</th>
					  <th width="5%">米价</th>
					  <th width="5%">杂色</th>
					  <th width="5%">白色</th>
					  <th width="6%">空差</th>
					  <th width="24%">备注</th>
					  <th width="12%">成分</th>
					</tr>
				  </thead>
				  <tbody>
					 {volist name="T" id="v"}
					  {php}
					  if($tpName!=$v['type']){
						$tpName=$v['type'];
						echo '<tr><td colspan="12" class="sub-title"><b>'.$tpName.'</b></td></tr>';
					  }
					  {/php}
					  <tr>
						  <td>{$v.number}</td>
						  <td style="text-align:left; padding:0px 5px;">{$v.title}</td>
						  <td>{$v.kgy}</td>
						  <td>{$v.kgm}</td>
						  <td>{$v.breadth}cm</td>
						  <td>{$v.square}g</td>
						  <td>{$v.price4|price_one}</td>
						  <td>{$v.price1|price_one}</td>
						  <td>{$v.price2|price_one}</td>
						  <td>{$v.tube}+{$v.emptykg}</td>
						  <td style="text-align:left; padding:0px 5px;">{$v.markup}</td>
						  <td>{$v.component}</td>
					  </tr>
					  {/volist}
				  </tbody>
				</table>
			</div>
		</div>
	</body>
</html>